<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/jquery.js"></script>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/pkg-pc-base.js"></script>
		<title>
			蘑菇街-内容页
		</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/shop-header.css" >
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/css/module-captcha.css">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/pkg-detail-item-v1.css" >
		<!-- <link rel="stylesheet" href="{{__PUBLIC__}}/Home/css/pkg-shopnav.css"> -->
		<link rel="stylesheet" href="{{__PUBLIC__}}/hdjs/hdjs.css" />
		<script type="text/javascript" src="{{__PUBLIC__}}/hdjs/hdjs.min.js"></script>
		<script src="{{__PUBLIC__}}/js/jquery.fly.min.js"></script>
		
		<script type="text/javascript"></script>
	</head>
	<!--载入公共模板 头部-->
	{{include file="VIEW_PATH/Common/header.php"}}
	<!-- ======================= -->
	<!-- 店铺的内容 -->
	<div class="ovbox mod_topBanner">
		<div class="mod_list clearfix">
			<div class="mod_item w1200">
				<br>
				<br>
			</div>
			<!------------------------>
		</div>
	</div>
	<div class="ovbox mod_topNav blackStyle" >
		<div class="mod_list clearfix" >
			<!--*************************导航-->
			<div class="mod_item w1200" >
				<!--商品分类-->
				<div class="mod_cont topNav" >
					<!--顶级导航开始-->
					<ol class="clearfix" >
						<li>
							<a href="" style="color:white;">
								首页
							</a>
						</li>
						<li class="all" >
							<a href="" style="color:white;">
								全部商品
							</a>
						</li>
						{{foreach from="$cateData" value="$v"}}
						<li>
							<a  href="" style="color:white;">
								{{$v['cname']}}
							</a>
						</li>
						{{endforeach}}
					</ol>
					<!--顶级导航结束-->
				</div>
			</div>
			<!--导航结束-->
		</div>
	</div>
	<!-- 商品详情 开始 -->
	<div class="shop-detail ">
		<!-- 商品主要信息 开始 -->
		<div class="detail-goods clearfix">
			<div class="goods-left">
				<div class="goods-box clearfix">
					<!-- 商品信息 开始 -->
						<div class="goods-info fl" id="J_GoodsInfo">
						
							<div class="goods-info-box">

								{{foreach from="$goodsData" value="$v"}}
								<!--商品名称-->
								<h1 class="goods-title">
									<span>{{$v['gname']}}</span>
								</h1>
								<!-- 商品名称 -->
								<input type="hidden" name="gid" value="{{$_GET['gid']}}">
								<!--  -->
								<div class="goods-price goods-pro normal act">
									<!--商品原价-->
									<dl class="clearfix price-info" style="height:22px;">
										<dt class="price-origin">
											市场价：
										</dt>
										<dd class="price-w">
											<span>¥</span><span id="J_Price">{{$v['marketprice']}}</span>
										</dd>
									</dl>
									<!--商品现价-->
									<dl class="clearfix" style="padding-bottom:0;height:40px;">
										<dt style="line-height:45px;">
											商城价：
										</dt>
										<dd style="line-height:45px;">
											<span class="normal-price-now">¥ </span>
											<span id="J_NowPrice" class="normal-price-now">{{$v['shopprice']}}</span>
											<span class="fr normal-rate-sales" style="padding-top:15px;">
												<!-- 隐藏域 价格-->
												<input type="hidden" name="shopprice" value="{{$v['shopprice']}}">
										</dd>
									</dl>
								</div>
								{{endforeach}}
								<br>
								<!-- 商品 款式 款名 库存量单位-->
								<div class="goods-sku goods-pro" id="J_GoodsSku">
									<div class="content">
										<div class="pannel-title">
											<span class="choose-goods-info">选择商品信息</span>
											<b class="J_PannelClose pannel-close">
											</b>
										</div>
										<div class="box">
	<!-- 点击选择商品颜色和尺寸 异步查询商品规格-->
	<script type="text/javascript">$(function() {
	$('.size-list li').click(function() {
		var n = 0;
		$(this).addClass('vv').siblings().removeClass('vv');
		var gtid = "";
		// var spec="";
		// 获取当前li元素里面的商品属性gtid以及他的值
		$.each($('.vv'), function() {
			// spec+=$(this).html()+' ';
			gtid += $(this).attr('gtid') + ',';
			n++;
		});
		// 获取隐藏域
		var max = $('input[name=num]').val();
		// 判断两次点击选中的是否一致如果一直再将数据反送到php端进行处理
		if (n == max) {
			$.ajax({
				// 发送的路径
				url: "{{U('check')}}",
				// 发送的数据类型
				type: 'post',
				// 返回的数据
				dataType: 'json',
				// 发送的数据
				data: {gtid: gtid},
				success: function(phpData) {
					// alert(phpData.glid);
					// 将获取的库存数量写入
					$('.goods-stock span').html(phpData.inventory);
				}
			})
		}
	});
})</script>
											<?php $num = 0; ?>
											<!--商品颜色和尺寸-->
											{{foreach from="$spec" key="$k" value="$c"}}
											<?php $num++; ?>
											<!-- {{$num;}} -->
											<dl style="display: block;" class="size clearfix">
												<dt>
													{{$k}}
												</dt>
												<dd>
													<ol class="J_SizeList size-list clearfix ">
														{{foreach from="$c" value="$cc"}}
														<li class="spec" num='{{$num}}' gtid={{$cc['gtid']}} >
															{{$cc['gtvalue']}}
														</li>
														{{endforeach}}
													</ol>
												</dd>
											</dl>
											{{endforeach}}
											<!--颜色尺寸结束-->
											<input type="hidden" name="num" value="{{$num}}">

<!--数量-->
<!-- 商品数量加减 -->
<script type="text/javascript">$(function() {
	// 购买数量不能超过库存数量
	$('.num-reduce').click(function() {
		var num = $('.num-input').val();
		num = Number(num);
		if (num <= 1) {
			num = 1;
			$('.num-input').val(num);
		} else {
			num--;
			$('.num-input').val(num);
		}
	})
	$('.num-add').click(function() {
		var num = $('.num-input').val();
		num = Number(num);
		num++;
		var stock = $('.goods-stock span').html();
		if (num >= stock) {
			num = stock;
		}
		$('.num-input').val(num);
	})
})</script>
											<!-- ================ -->
											<dl class="clearfix">
												<!-- 购买数量 -->
												<dt>
													数量：
												</dt>
												<dd class="num clearfix">
													<div id="J_GoodsNum" class="goods-num fl">
														<!-- 减 -->
														<span class="num-reduce ">
														</span>
														<!-- 用户的购买数量 -->
														<input class="num-input" name="number"  disabled='disabled'  value="1" type="text">
														<!-- 加 -->
														<span class="num-add ">
														</span>
													</div>
													<!--===库存数量===-->
													{{foreach from="$goodsData" value="$v"}}
													<div class="J_GoodsStock goods-stock fl">
														库存<span>{{$v['totalinventory']}}</span>件
													</div>
													{{endforeach}}
												</dd>
											</dl>
											<!--数量结束-->
										</div>
										<div class="pannel-action">
											<a href="javascript:;" class="J_PannelOK pannel-ok">
												确认
											</a>
										</div>
									</div>
									<div class="goods-buy clearfix">
										<!-- <a href="javascript:;" id="J_BuyNow" style="color:white;" class="fl mr10 buy-btn buy-now"> -->
											<!-- 立刻购买 -->
										<!-- </a> -->
										<!-- 未选择颜色，尺寸，和数量的啊情况下 加入购物车按钮不输出 -->
										<a href="javascript:;"id="J_BuyCart" class="fl mr10 buy-cart  buy-btn ">
											加入购物车
										</a>
										
									</div>
								</div>
								
								<!-- <form> -->

									<!--库存结束-->
									
									<!--==异步提交商品信息加入购物车==-->
									<script type="text/javascript">
										$(function(){
									//	给加入购物车按钮点击事件
										$('.buy-cart').click(function(){
											
											// 获取商品名称，商品价格。颜色和尺寸
											var gid=$('input[name=gid]').val();
											
											// 抓取规格【尺寸和颜色】
											var gtid = "";
											$.each($('.vv'), function() {
												
												gtid += $(this).attr('gtid') + ',';
												
											});
											// // 抓取购买数量
											var num1=$('input[name=number]').val();
											// 如果选择了尺寸颜色以及数量之后点击加入购物车按钮弹出加入成功
											if(gtid && num1){
												$('.cart_success').css({display:"block"});
											}

											$.ajax({
												// 发送的地址
												url:"{{U('Cart/addCart')}}",
												// 发送方式
												type:'post',
												// 返回的数据的类型
												dataType:'json',
												// 发送的数据
												data:{gid:gid,gtid:gtid,num1:num1},
												success:function(phpData){
													// console.log(phpData);
													// 写入
													
												}
											})
											
												
											
											
										});
										$('.close0').click(function() {
											$('.cart_success').css({display:"none"});
										});

										})
									</script>
									<!--=============================-->
									<!---->
									<!-- 商品喜欢 -->
									<div class="goods-social clearfix">
										<div class="fav item" >
											<b>
											</b><span class="fav-num">157</span>
										</div>
										<div class="share item">
											<b>
											</b>分享
											<div style="display: none;" class="share-w clearfix">
												<a  href="" class="forqzone" >
												</a>
												<a  href="" class="forrenren">
												</a>
												<a  href="" class="forsina" >
												</a>
												<a  href="" class="forweixin">
												</a>
											</div>
										</div>
										<div class="report">
											<a  href="" class="goods_report fl" >
												举报
											</a>
										</div>
									</div>
									<!-- =========================== -->
									<div class="goods-services">
										<div class="fl clearfix service-title">
											服务承诺：
										</div>
										<ul class="list clearfix fl">
											<li>
												<a href="" >
													<img src="{{__PUBLIC__}}/Home/images/upload_ie2dim3dmrsdmztdgmzdambqgiyde_24x24.png">
													全国包邮
												</a>
											</li>
											<li>
												<a href="" >
													<img src="{{__PUBLIC__}}/Home/images/upload_ieywiobrmfsdmztdgmzdambqmeyde_24x24.png">
													7天无理由退货
												</a>
											</li>
											<li>
												<a href="">
													<img src="{{__PUBLIC__}}/Home/images/upload_iezgeolcmnsdmztdgmzdambqmmyde_24x24.png">
													72小时发货
												</a>
											</li>
											<li>
												<a href="">
													<img src="{{__PUBLIC__}}/Home/images/upload_ieztcoldmvsdmztdgmzdambqgyyde_24x24.png">
													退货补运费
												</a>
											</li>
										</ul>
									</div>
									<!-- ============= -->
									<!--支付方式-->
									<div class="pay-methods">
										<div class="pay-methods-title fl clearfix">
											支付方式：
										</div>
										<div class="method-list fl">
										</div>
									</div>
									<!-- ========================== -->
							</div>
						</div>
						<!-- 商品信息 结束 -->
						<!-- 商品图片 开始 -->
						<div class="goods-img fl" id="J_GoodsImg">
							<!-- 大图 -->
							<!-- =============== -->
					<div id="vertical" class="bigImg">
					
						<img src="{{__ROOT__}}/{{$GoodsData['big'][0]}}" width="400"  alt="" id="midimg" />
					
						<div style="display:none;" id="winSelector"></div>
					
					</div>
						
							<!-- 小图 -->
			<div id="J_SmallImgs" class="small-img">
							<!-- ====================== -->
					<div class="smallImg">
							
					<div class="scrollbutton smallImgUp disabled"></div>
					<div id="imageMenu">
						<ul>
						{{foreach from="$GoodsData['big']" value="$small"}}
							<li ><img src="{{__ROOT__}}/{{$small}}" width="68" height="68" alt=""/></li>
						{{endforeach}}
							
						</ul>
					</div>
					<div class="scrollbutton smallImgDown"></div>
				</div>
				<!-- ============ -->
								
							</div>

						</div>
						<!-- 商品图片 结束========== -->
						<!-- =======================css -->
<style type="text/css">
/* reset */
body{font:12px/18px "宋体",arial,sans-serif;color:#585858;}
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;} 
img{border:0;}
fieldset,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
/* color */
a:link,a:visited{color:#575757;text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;}
a:active{color:#1d7400;}
/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}

.preview{width:400px; height:465px; margin:50px 0px 0px 150px;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url({{__PUBLIC__}}/jquery-fangda/images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url({{__PUBLIC__}}/jquery-fangda/images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:600px; overflow:hidden;}
.bigImg #midimg{width:400px; height:600px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
</style>
<!-- = ====================================================================================-->

=<!-- =========================================================================================== -->
<script type="text/javascript">
$(document).ready(function(){
	// 图片上下滚动
	var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */
	var interval = $("#imageMenu li:first").width();
	var curIndex = 0;
	
	$('.scrollbutton').click(function(){
		if( $(this).hasClass('disabled') ) return false;
		
		if ($(this).hasClass('smallImgUp')) --curIndex;
		else ++curIndex;
		
		$('.scrollbutton').removeClass('disabled');
		if (curIndex == 0) $('.smallImgUp').addClass('disabled');
		if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
		
		$("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
	});	
	// 解决 ie6 select框 问题
	$.fn.decorateIframe = function(options) {
        if ($.browser.msie && $.browser.version < 7) {
            var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
            $(this).each(function() {
                var $myThis = $(this);
                //创建一个IFRAME
                var divIframe = $("<iframe />");
                divIframe.attr("id", opts.iframeId);
                divIframe.css("position", "absolute");
                divIframe.css("display", "none");
                divIframe.css("display", "block");
                divIframe.css("z-index", opts.iframeZIndex);
                divIframe.css("border");
                divIframe.css("top", "0");
                divIframe.css("left", "0");
                if (opts.width == 0) {
                    divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                if (opts.height == 0) {
                    divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                divIframe.css("filter", "mask(color=#fff)");
                $myThis.append(divIframe);
            });
        }
    }
    $.fn.decorateIframe.defaults = {
        iframeId: "decorateIframe1",
        iframeZIndex: -1,
        width: 0,
        height: 0
    }
    //放大镜视窗
    $("#bigView").decorateIframe();
    //点击到中图
    var midChangeHandler = null;
	
    $("#imageMenu li img").bind("click", function(){
		if ($(this).attr("id") != "onlickImg") {
			midChange($(this).attr("src").replace("small", "mid"));
			$("#imageMenu li").removeAttr("id");
			$(this).parent().attr("id", "onlickImg");
		}
	}).bind("mouseover", function(){
		if ($(this).attr("id") != "onlickImg") {
			window.clearTimeout(midChangeHandler);
			midChange($(this).attr("src").replace("small", "mid"));
			$(this).css({ "border": "3px solid #959595" });
		}
	}).bind("mouseout", function(){
		if($(this).attr("id") != "onlickImg"){
			$(this).removeAttr("style");
			midChangeHandler = window.setTimeout(function(){
				midChange($("#onlickImg img").attr("src").replace("small", "mid"));
			}, 1000);
		}
	});
    function midChange(src) {
        $("#midimg").attr("src", src).load(function() {
            changeViewImg();
        });
    }
    //大视窗看图
    function mouseover(e) {
        if ($("#winSelector").css("display") == "none") {
            $("#winSelector,#bigView").show();
        }
        $("#winSelector").css(fixedPosition(e));
        e.stopPropagation();
    }
    function mouseOut(e) {
        if ($("#winSelector").css("display") != "none") {
            $("#winSelector,#bigView").hide();
        }
        e.stopPropagation();
    }
    $("#midimg").mouseover(mouseover); //中图事件
    $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件

    var $divWidth = $("#winSelector").width(); //选择器宽度
    var $divHeight = $("#winSelector").height(); //选择器高度
    var $imgWidth = $("#midimg").width(); //中图宽度
    var $imgHeight = $("#midimg").height(); //中图高度
    var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度

    function changeViewImg() {
        $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
    }
    changeViewImg();
    $("#bigView").scrollLeft(0).scrollTop(0);
    function fixedPosition(e) {
        if (e == null) {
            return;
        }
        var $imgLeft = $("#midimg").offset().left; //中图左边距
        var $imgTop = $("#midimg").offset().top; //中图上边距
        X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
        Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
        X = X < 0 ? 0 : X;
        Y = Y < 0 ? 0 : Y;
        X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
        Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;

        if ($viewImgWidth == null) {
            $viewImgWidth = $("#bigView img").outerWidth();
            $viewImgHeight = $("#bigView img").height();
            if ($viewImgWidth < 200 || $viewImgHeight < 200) {
                $viewImgWidth = $viewImgHeight = 800;
            }
            $height = $divHeight * $viewImgHeight / $imgHeight;
            $("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
            $("#bigView").height($height);
        }
        var scrollX = X * $viewImgWidth / $imgWidth;
        var scrollY = Y * $viewImgHeight / $imgHeight;
        $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
        $("#bigView").css({ "top": 75, "left": $(".preview").offset().left + $(".preview").width() + 15 });

        return { left: X, top: Y };
    }
});
</script>
<!-- ========================================================== -->
				</div>
			</div>
			<!-- 商品右侧  ------------ --热卖推荐---开始 -->
			<div id="J_ModuleLook" class="goods-right ex-module" data-ptp="_rechot">
				<p class="title">
					<s>
					</s><span>热卖推荐</span>
				</p>
				<div class="list">
					<div class="box">
						<ul>
							<li>
								<a href="" >
									<img src="{{__PUBLIC__}}/Home/images/1h41ll_ifrtsyjymqywgodcgqzdambqhayde_640x960_002.jpg" width="120">
								</a>
								<span>￥168.00</span>
							</li>
							<li>
								<a href="" >
									<img src="{{__PUBLIC__}}/Home/images/1h41ll_ie4gimdfgi2gimbygqzdambqgiyde_640x960.jpg" width="120">
								</a>
								<span>￥120.00</span>
							</li>
							<li>
								<a href="" >
									<img src="{{__PUBLIC__}}/Home/images/1h41ll_ifqtazjvga3wemrzgqzdambqgyyde_640x960.jpg" width="120">
								</a>
								<span>￥85.00</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 商品右侧 结束 -->
		</div>
		<!-----------内容部分开始---------------------->
		<!-- 详情页-内容部分 -->
		<div class="detail-content ">
			<!-- 主体部分 -->
			<div class="col-main">
				<!-- 模块标签页 -->
				<div class="module-tabpanel" id="J_ModuleTabpanel">
					<!-- 商品详情，，累计评价，同类商品 -->
					<!-- 点击哪个就出现哪个 -->
					<script type="text/javascript">$(function() {
	$('.clearfix li').click(function() {
		$(this).addClass('selected').siblings().removeClass('selected');
	});
})</script>
					<!-- 选项栏 -->
					<div class="tabbar-box">
						<ul class="tabbar-list clearfix">
							<!--详情-->
							<li class="tab-graphic selected">
								<a href="javascript:;">
									商品详情
								</a>
							</li>
							<!--评价-->
							<li>
								<a href="javascript:;">
									累计评价<em>1</em>
								</a>
							</li>
							<!--同类商品-->
							<li>
								<a href="javascript:;">
									本店同类商品
								</a>
							</li>
						</ul>
					</div>
					<div class="tabbar-bg ui-hide">
						<div class="bg-right">
						</div>
						<div class="bg-left">
						</div>
					</div>
					<div class="tabbar-occupying ui-hide">
					</div>
					<!-- 选项页 -->
					<div class="panel-box">
						<!-- 图文详情 -->
						<div class="module-panel module-graphic" id="J_ModuleGraphic" >
							<!-- 商品描述 -->
							<div id="J_Graphic_item_desc">
								<div class="panel-title">
									<h1>
										商品描述
									</h1>
								</div>
								<!-- 模块级别 -->
								
								<div class="graphic-block">
									<!-- 描述 -->
									
									<div class="graphic-text">
										{{$GoodsData['intro']}}
									</div>
									
								</div>
								
							</div>
							<!-- 产品参数 -->
							<div id="J_Graphic_product_info">
								<div class="panel-title">
									<h1>
										产品参数
									</h1>
								</div>
								<!-- 产品参数 -->
								<div class="graphic-block">
									<!-- 描述 -->
									<!-- 表格 -->
									<table class="parameter-table" id="J_ParameterTable">
										<tbody>
											{{foreach from="$goodsAttr" value="$vv"}}
											<tr class="">
												<td>
													{{$vv['taname']}}：{{$vv['gtvalue']}}
												</td>
											</tr>
											{{endforeach}}
										</tbody>
									</table>
								</div>
							</div>
							<!-- 模块列表 -->
							<div id="J_Graphic_model_img">
								<div class="panel-title">
									<h1>
										<!-- 穿着效果 -->
									</h1>
								</div>
								<!-- 模块级别 -->
								<div class="graphic-block">
									<!-- 描述 -->
									<!-- 图片列表 -->
									<div class="graphic-pic">
										<div class="pic-box" style="padding-top:350px;padding-bottom:350px;">
											<img class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ie3wmnjymi3gmylegqzdambqgayde_798x798.jpg" style="left: -350px; opacity: 1;">
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 本店同类商品 -->
						<div class="module-panel module-recommend" id="J_ModuleRecommend" style="display:block;">
							<!-- 本店同类商品列表 -->
							<div id="J_RecommendList">
								<div class="panel-title recommend-title">
									<h1>
										本店同类商品
									</h1>
								</div>
								<!-- 本店同类商品列表 -->
								<div class="recommend-list">
									<!-- 列表 -->
									<ul>
										<li>
											<a class="pic" href="" >
												<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ifrtsyjymqywgodcgqzdambqhayde_640x960.jpg">
											</a>
											<a class="title" href="" >
												情侣经典百搭BF风中长款棉服
											</a>
											<div class="info">
												<div class="price">
													<em class="price-u">¥</em> <span class="price-n">117.60</span>
												</div>
												<div class="fav">
													<em class="fav-i">
													</em> <span class="fav-n">5598</span>
												</div>
											</div>
										</li>
										<li>
											<a class="pic" href="" >
												<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ifrtsyjymqywgodcgqzdambqhayde_640x960.jpg">
											</a>
											<a class="title" href="" >
												大力水手卡通印花胸前交叉线卫衣女
											</a>
											<div class="info">
												<div class="price">
													<em class="price-u">¥</em> <span class="price-n">46.20</span>
												</div>
												<div class="fav">
													<em class="fav-i">
													</em> <span class="fav-n">49</span>
												</div>
											</div>
										</li>
										<li>
											<a class="pic" href="" >
												<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ifrtsyjymqywgodcgqzdambqhayde_640x960.jpg">
											</a>
											<a class="title" href="" >
												韩版ulzzang圆领螺纹字母抓绒卫衣
											</a>
											<div class="info">
												<div class="price">
													<em class="price-u">¥</em> <span class="price-n">46.90</span>
												</div>
												<div class="fav">
													<em class="fav-i">
													</em> <span class="fav-n">73</span>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 同类商品结束 -->
					</div>
				</div>
				<!-- 标签部分结束 -->
			</div>
			<!-- 侧边栏 -->
			<div class="col-sidebar">
				<!-- 店铺模块 -->
				<div class="module-shop" id="J_ModuleShop">
					<!-- 店铺信息 -->
					<div class="ui-box shop-info">
						<h3 class="ui-hd shop-hd">
							<div class="shop-name">
								<a class="text text-hasim" href="">
									文妍家
									
								</a>
							</div>
						</h3>
						<div class="shop-occupying ui-hide">
						</div>
						<div class="ui-bd">
							<!-- 评价 -->
							<div class="shop-evaluate">
								<ul>
									<li>
										<p class="text">
											描述
										</p>
										<p class="num-def ">
											4.75
										</p>
									</li>
									<li>
										<p class="text">
											质量
										</p>
										<p class="num-def ">
											4.65
										</p>
									</li>
									<li>
										<p class="text">
											价格
										</p>
										<p class="num-def ">
											4.65
										</p>
									</li>
									<li>
										<p class="text">
											服务
										</p>
										<p class="num-def ">
											4.70
										</p>
									</li>
								</ul>
							</div>
							<!-- 按钮组 -->
							<div class="shop-btns">
								<a  class="J-shop-follow shop-follow btn-fav" href="javascript:;" id="" data-shopid="1orqxa">
									收藏店铺
								</a>
								<a class="btn-goto" href="">
									进入店铺
								</a>
							</div>
							<!-- 搜索 -->
							<div class="shop-search">
								<i class="line">
								</i>
								<form action="" method="get" id="J_ShopSearch">
									<input class="inptxt" name="q" type="text">
									<input class="inpbtn" value="店内搜索" type="submit">
								</form>
							</div>
							<!-- 提供 -->
							<div class="shop-provide">
								<i class="line">
								</i>
								<i class="arrow">
								</i>
								<a class="pic" href="javascript:;">
									<img class="img-lazyload" src="{{__PUBLIC__}}/Home/images/upload_ie2dsmbsmyydcmtbgmzdambqgiyde_150x26.png" height="26" width="150">
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 分类模块 -->
				<div class="module-classify" id="J_ModuleClassify">
					<!-- 分类信息 -->
					<div class="ui-box classify-info">
						<h3 class="ui-hd">
							本店分类
						</h3>
						<div class="ui-bd">
							<!-- 列表 -->
							<ul class="classify-list">
								<li>
									<a href="">
										全部商品
									</a>
								</li>
								<li>
									<a href="">
										棉衣 棉服
									</a>
								</li>
								<li>
									<a href="">
										卫衣  绒衫
									</a>
								</li>
								<li>
									<a href="">
										风衣 西装 外套
									</a>
								</li>
								<li>
									<a href="">
										毛衣 针织衫
									</a>
								</li>
								<li>
									<a href="">
										T恤 打底衫
									</a>
								</li>
								<li>
									<a href="">
										蕾丝衫  雪纺衫
									</a>
								</li>
								<li>
									<a href="">
										衬衫
									</a>
								</li>
								<li>
									<a href="">
										马甲
									</a>
								</li>
								<li>
									<a href="">
										背心 吊带
									</a>
								</li>
								<li>
									<a href="">
										↑上装----下装↓
									</a>
								</li>
								<li>
									<a href="">
										裤子
									</a>
								</li>
								<li>
									<a href="">
										棉衣/棉服
									</a>
								</li>
								<li>
									<a href="">
										牛仔裤
									</a>
								</li>
								<li>
									<a href="">
										连衣裙
									</a>
								</li>
								<li>
									<a href="">
										半身裙
									</a>
								</li>
								<li>
									<a href="">
										套装系列
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 看了又看模块 -->
				<div class="module-repeat" id="J_ModuleRepeat">
					<!-- 看了又看 -->
					<!-- 看了又看信息 -->
					<div class="ui-box repeat-info">
						<h3 class="ui-hd">
							看了又看
						</h3>
						<div class="ui-bd">
							<!-- 列表 -->
							<ul class="repeat-list">
								<li>
									<a class="pic" href="" >
										<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ifrtsyjymqywgodcgqzdambqhayde_640x960.jpg">
									</a>
									<a class="title" href="" >
										情侣经典百搭BF风中长款棉服
									</a>
									<div class="info">
										<div class="price">
											<em class="price-u">¥</em> <span class="price-n">117.60</span>
										</div>
										<div class="fav">
											<em class="fav-i">
											</em> <span class="fav-n">5598</span>
										</div>
									</div>
								</li>
								<li>
									<a class="pic" href="" >
										<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ie4gmojxgvqtcnzvgqzdambqgiyde_640x960.jpg" >
									</a>
									<a class="title" href="" >
										韩版复古花拼色袖子短款羽绒棉服
									</a>
									<div class="info">
										<div class="price">
											<em class="price-u">¥</em> <span class="price-n">98.00</span>
										</div>
										<div class="fav">
											<em class="fav-i">
											</em> <span class="fav-n">46</span>
										</div>
									</div>
								</li>
								<li>
									<a class="pic" href="" >
										<img style="opacity: 1;" class="img-lazyload" src="{{__PUBLIC__}}/Home/images/1h41ll_ie4gmojxgvqtcnzvgqzdambqgiyde_640x960.jpg" >
									</a>
									<a class="title" href="" >
										3D云朵印花修身显瘦原宿风棉衣棉服
									</a>
									<div class="info">
										<div class="price">
											<em class="price-u">¥</em> <span class="price-n">98.00</span>
										</div>
										<div class="fav">
											<em class="fav-i">
											</em> <span class="fav-n">164</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 扩展栏 -->
			<div class="col-extra" style="height:2275px;">
				<i class="bor-line bor-r">
				</i>
				<i class="bor-line bor-b">
				</i>
				<i class="bor-line bor-l">
				</i>
				<!-- 购物车模块 -->
				<div class="module-cart" id="J_ModuleCart">
					<div class="ui-box cart-info">
						<div class="ui-hd cart-hd">
							<a class="cart-name" href="javascript:;">
								<span>
									<i>
									</i>加入购物车
								</span>
							</a>
						</div>
						<div class="cart-occupying ui-hide">
						</div>
					</div>
				</div>
				<!-- 右侧子导航模块 -->
				<div class="module-extranav" id="J_ModuleExtranav">
					<!-- 主体 -->
					<div class="extranav-bd">
						<!-- 模块-扩展导航栏 -->
						<!-- 子导航列表 -->
						<ul class="extranav-list">
							<!-- 商品描述 -->
							<li class="selected" data-module="J_Graphic_item_desc">
								<a href="javascript:;">
									商品描述
								</a>
							</li>
							<!-- 产品参数 -->
							<li class="" data-module="J_Graphic_product_info">
								<a href="javascript:;">
									产品参数
								</a>
							</li>
							<!-- 模块列表 -->
							<li class="" data-module="J_Graphic_model_img">
								<a href="javascript:;">
									穿着效果
								</a>
							</li>
							<li data-module="J_Graphic_detail_img">
								<a href="javascript:;">
									细节做工
								</a>
							</li>
							<!-- 尺码说明 -->
							<li data-module="J_Graphic_size_info">
								<a href="javascript:;">
									尺码说明
								</a>
							</li>
							<!-- 本店同类商品 -->
							<li data-module="J_RecommendList">
								<a href="javascript:;">
									商品推荐
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-----------------------内容部分结束------------------------------>
		
		<!-- 加入购物车模态框 -->
		<div>
			<div style="position: fixed; left: 766px; top: 60px; display:none;" id="J_AddCartBox" class="light_box cart_success">
			
				<table class="lb_wrap clearfix r5">
					<tbody>
						<tr>
							<td>
								<div style="padding: 0px; background: transparent none repeat scroll 0% 0%;" class="lb_bd">
									<div class="content">
										<!-- 关闭按钮 -->
										<div class="head clearfix">
											<a href="javascript:;" class="J_Close close-btn close0">
												关闭
											</a>
											<span class="arrow_right">
											</span>
										</div>
										<div class="body" style="height:395px; width:500px">
											<div class="module-add-cart">
												<div class="module-cart-body">
													<div class="module-cart-box">
														<p class="mac-mb10">
															<span class="mac-success-txt module-cart-icons">已将商品添加到购物车</span>
														</p>
														<br>
														<p>
															<a class="mac-go-cart module-cart-icons close0" href="{{U('Cart/index')}}">
																去购物车结算
															</a>
														</p>
													</div>
													<div class="module-cart-more">
														<div class="mcm-head clearfix">
															<div class="mcm-title">
																购买过该商品的菇凉还购买了：
															</div>
															<div class="mcm-tab">
															</div>
														</div>
														<div class="mcm-list">
															<ul class="clearfix">
																<li>
																	<a class="mcm-pic" style="height:165px" target="_blank" href="">
																		<img  src="{{__PUBLIC__}}/Home/images/1264wq_ifrdqyjsme3dkzjtguzdambqmeyde_640x960.jpg_220x330.jpg">
																	</a>
																	<div class="mcm-info">
																		<a class="mcm-name" target="_blank" href="">
																			长款面包加厚棉衣
																		</a>
																		<span class="mcm-price">¥168</span>
																	</div>
																</li>
																<li>
																	<a class="mcm-pic" style="height:165px" target="_blank" href="">
																		<img  src="{{__PUBLIC__}}/Home/images/1264wq_ifrdqyjsme3dkzjtguzdambqmeyde_640x960.jpg_220x330.jpg">
																	</a>
																	<div class="mcm-info">
																		<a class="mcm-name" target="_blank" href="">
																			长款面包加厚棉衣
																		</a>
																		<span class="mcm-price">¥168</span>
																	</div>
																</li>
																<li>
																	<a class="mcm-pic" style="height:165px" target="_blank" href="">
																		<img  src="{{__PUBLIC__}}/Home/images/1264wq_ifrdqyjsme3dkzjtguzdambqmeyde_640x960.jpg_220x330.jpg">
																	</a>
																	<div class="mcm-info">
																		<a class="mcm-name" target="_blank" href="">
																			中长款字母棒球棉服
																		</a>
																		<span class="mcm-price">¥139.3</span>
																	</div>
																</li>
																<li>
																	<a class="mcm-pic" style="height:165px" target="_blank" href="">
																		<img  src="{{__PUBLIC__}}/Home/images/1264wq_ifrdqyjsme3dkzjtguzdambqmeyde_640x960.jpg_220x330.jpg">
																	</a>
																	<div class="mcm-info">
																		<a class="mcm-name" target="_blank" href="">
																			羊羔毛加厚棉服
																		</a>
																		<span class="mcm-price">¥98</span>
																	</div>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!-- =============================================== -->
	</div>
	</div>
	</div>

	<!-- 载入公共底部 -->
	{{include file="VIEW_PATH/Common/footer.php"}}
	</body>
</html>